<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>西洲</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/class.css">
    <link rel="stylesheet" href="css/gallery.css">
    <!-- main.js在文件末尾加载，因为要初始化数据才能使用vue -->
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script src="js/iconfont_emoji.js"></script>
</head>

<body>
    <div class="header">
        <h1 v-bind:title="message">西洲</h1>
        <p>南风知我意，吹梦到西洲。</p>
        <ul class="nav_menu">
            <li class="nav_item">
                <a href="https://www.yuque.com/books/share/38e98e3d-b1f6-4add-a122-618a268b1961?#" target="_blank">知识库</a>
            </li>
            <li class="nav_item">
                <a href="https://kingsingledog.github.io/" target="_blank">小谭</a>
            </li>
        </ul>
    </div>
    <div class="content">
        <div class="leftcolumn">
            <div class="card">
                <h2>🏠 About me</h2>
                <p>
                    <div id="hello" class="review">
                        🎉🎉🎉 嗨！欢迎访问<span class="pink_text"> 高菘(Shello) </span>的个人网站 🎉🎉🎉。<br><br>
                        这是一个在亚热带季风气候中生长的伪文艺宅男👨‍💻。<br><br>
                        因为对编程⌨较感兴趣，所以就自己入门过简单的Java、Python3、Lua、Kotlin、JS、html(标记语言)等，也有鼓捣过arduino、树莓派等等一些乱七杂八的东西。
                        由于没有系统的学习过，大部分知识都是一知半解且零散的。<br><br>
                        在学习👩‍🏫和开发过程中偶尔会头脑一热想记录一些东西下来，大部分时候也确实这么做了，它们都被记录在
                        <a href="https://www.yuque.com/books/share/38e98e3d-b1f6-4add-a122-618a268b1961?#" target="_blank"> 我的知识库 </a>
                        里边。<br><br>
                        由于个人语言组织能力差，且所学知识块较零碎，如果文章📃中有错漏的话可以帮忙提出并不吝赐教👐。
                    </div>
                </p>
            </div>
            <div class="card">
                <h2>📬 Contact me</h2>
                <p>
                    一齐学习么~<br/>
                    📬邮箱：<span class="pink_text">shelloworld@qq.com</span><br/>
                    🌕微信：<span class="pink_text">ec50n9</span>
                </p>
            </div>
        </div>
        <div class="rightcolumn">
            <div class="card" id="card_date">
                <h2>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-a"></use>
                    </svg>Today
                </h2>
                <p>{{ date }}</p>
                <p>{{weather_tongliang}}</p>
                <p>{{weather_xinyi}}</p>
                <p>👩‍🚀宜：想小谭</p>
            </div>
            <div class="card">
                <h2>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-feiwen"></use>
                    </svg>Log
                </h2>
                <p>
                    <ul class="nav_menu">
                        <li>
                            <p>
                                2020 . 10 . 11 · 开学
                            </p>
                        </li>
                        <li>
                            <p>
                                2020 . 07 . 16 · 成年
                            </p>
                        </li>
                        <li>
                            <p>
                                2019 . 08 . 13 · 开始记录
                            </p>
                        </li>
                    </ul>
                </p>
            </div>
            <div class="card">
                <h2>QRcode</h2>
                <img title="网页二维码" src="./img/site.png" alt="网页二维码">
            </div>
        </div>
    </div>
    <div class="footer">
        <p id="love_date" v-bind:title="title">
            已记录 {{message}}
        </p>
        <p>
            Make with
            <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-aixin1"></use>
            </svg>
            by<span class="shake">Shello</span>
        </p>
    </div>
</body>
<script src="js/main.js"></script>

</html>